<template>
  <div class="page">
    <Header class="header-position" v-model:showMenu="showMenu"/>
    <Menu v-model:show="showMenu"/>
    <router-view/>
  </div>
</template>
<script setup lang="ts">
import {ref} from 'vue'

import Header from '~/components/Header/index.vue'
import Menu from '~/components/Menu/index.vue'
const showMenu = ref(false)

</script>
<style lang="stylus" scoped>
.page
  padding-top 44px
.header-position
  position fixed
  top 0
  left 0
  right 0
  z-index 1
  background #fff
</style>